<style>
    .wrap {
        position: fixed;
        top: 0;
        width: 100vw;
        max-width: 750px;
        height: 100vh;
        background-image: url('../image/login_bg.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
        background-color: #051D3B;
        color: #fff;
    }

    .wrap .img img {
        width: 80%;
    }

    .bottom {
        margin-top: 20px;
        font-size: 14px;
    }
</style>
<div class="wrap flex-col flex-c" id="view">
    <div class="img flex-c">
        <img id="js-ewm" src="../image/error-img.png" alt="">
    </div>
    <div class="bottom flex">
        <div class="tx">
            <img :src="imgurl+ffInfo.head_portrait" onerror="this.onerror=null;this.src='../image/touxiang.png'" alt="">
        </div>
        <div class="name-wrap">
            <p>我是{{ffInfo.name}}</p>
            <p>快扫码一起玩吧</p>
        </div>
    </div>
</div>
<script>
    var view = new Vue({
        el: '#view',
        data: {
            imgurl: imgurl,
            ffInfo: {},
        }
    })
    getUserInfo();
    // 获取用户信息
    function getUserInfo() {
        _getUser(function (ret) {
            view.ffInfo = ret.result;
            var url = 'http://qr.liantu.com/api.php?text=';
            var ewm = url + share_url + 'a.php?yq=' + myuserid;
            $('#js-ewm').attr({ 'src': ewm });
        })
    }
</script>